import {css} from "./core.js";

export let timePickerCss = css`
    .time-columns {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .time-column {
        display: flex;
        flex-direction: var(--z-time-column-flex-direction, column);
        align-items: center;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .time-item {
        padding: 3px 6px;
        margin: 3px;
        cursor: pointer;
        text-align: center;
        transition: background-color 0.2s;
    }
`